﻿/* = 1 Base
---------------------------------------------------------------------------------------------------------------------*/
body
{
    background: #E6E6E6 url(images/wrapper-bg.jpg) repeat;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #4B4B4B;
}
h1, h2, h3
{
    font-family: 'Oswald' , sans-serif;
    font-weight: 700;
}
a
{
    color: #2D8191;
}
a:hover
{
    text-decoration: underline;
}
.hide
{
    display: none;
}
.clear
{
    clear: both;
}
.clearfix
{
    display: block;
}
.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
/* For Safari */
html[xmlns] .clearfix
{
    display: block;
}
/* For IE6 */
*html .clearfix
{
    height: 1%;
}
/* For IE7 */
* + html .clearfix
{
    height: 1%;
}

/* = 2 Typography
---------------------------------------------------------------------------------------------------------------------*/
#wrapper
{
    background: url(images/header-bg.png) repeat-x left top;
}
#header
{
    overflow: hidden;
    width: 940px;
    height: 150px;
    margin: 0px auto;
}
#header h1 a
{
    display: block;
    float: left;
    padding-top: 60px;
    text-decoration: none;
    text-shadow: 2px 2px 2px #222;
    font-size: 40px;
    color: #fff;
}
#header h1 a:hover
{
    text-decoration: none;
}
#header .description
{
    float: right;
    padding-top: 80px;
    text-shadow: 1px 1px 1px #222;
    font-size: 18px;
    color: #B5B5B5;
}

#nav
{
    width: 940px;
    height: 45px;
    margin: 30px auto 0px auto;
    padding: 15px 65px;
    background: url(images/menu-content-bg.png) no-repeat left top;
}
#nav ul
{
    height: 36px;
    list-style: none;
    line-height: 36px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #191919;
    font-size: 16px;
    color: #fff;
    width: 630px;
    float: left;
}
#nav ul li
{
    float: left;
    height: 36px;
    margin-right: 20px;
}
#nav ul li.current
{
    background: url(images/menu-first-bgleft.png) no-repeat left top;
}
#nav ul li.current a
{
    height: 36px;
    padding-right: 20px;
    background: url(images/menu-first-bgright.png) no-repeat right top;
    text-shadow: 1px 1px 1px #3E656D;
}
#nav ul li a
{
    display: block;
    text-decoration: none;
    height: 36px;
    padding: 0px 20px 0px 20px;
    text-shadow: 1px 1px 1px #171717;
    color: #fff;
    font-weight: 700;
}

#nav .search-box
{
    float: right;
    width: 270px;
    height: 45px;
}
#nav .search-box input[type="text"]
{
    width: 220px;
    height: 35px;
    border: none;
    padding: 0px 0px 0px 10px;
    background: none;
    line-height: 35px;
    font-size: 14px;
    font-weight: 400;
    color: #B5B5B5;
}
#nav .search-box button
{
    display: none;
}
#main
{
    width: 1070px;
    margin: 0px auto;
}
#main .bgcontent
{
    overflow: hidden;
    padding: 30px 0px 50px 0px;
    background: url(images/page-content-bg-02.png) repeat-y center top;
    margin-top: -10px;
}
#main .bgbottom
{
    height: 5px;
    background: url(images/page-content-bg-02.png) no-repeat center bottom;
}
#content
{
    float: left;
    width: 635px;
    padding-left: 100px;
}
#sidebar
{
    float: right;
    width: 335px;
}
#footer-content
{
    width: 1000px;
    margin: 0px auto;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
    color: #4B4B4B;
}

#footer-content h2
{
    padding: 0px 0px 20px 0px;
    font-size: 18px;
}

#footer-content .bgtop
{
    height: 5px;
    background: url(images/footer-content-bg-01.png) no-repeat left top;
}

#footer-content .bgbottom
{
    height: 5px;
    background: url(images/footer-content-bg-03.png) no-repeat left top;
}

#footer-content .content-bg
{
    overflow: hidden;
    padding: 60px 50px 50px 65px;
    background: url(images/footer-content-bg-02.png) repeat-y left top;
}

#footer-content #column1
{
    float: left;
    width: 520px;
}

#footer-content #column1 .box1
{
    float: left;
    width: 225px;
}

#footer-content #column1 .box2
{
    float: right;
    width: 225px;
}

#footer-content #column2
{
    float: right;
    width: 225px;
}
#footer
{
    height: 165px;
}
#footer a
{
    color: #636363;
}
#footer p
{
    margin: 0px;
    padding: 50px 0px 0px 0px;
    text-align: center;
    text-shadow: 1px 1px 1px white;
    color: #636363;
}

/* Article
---------------------------------------------------*/
.article-list .article, .article-details
{
    position: relative;
    padding: 0 75px 30px 0;
}
.article-list .article .date, .article-details .date
{
    position: absolute;
    left: -100px;
    width: 65px;
    height: 76px;
    margin-top: 10px;
    padding: 5px 0 0px 20px;
    background: url(images/post-date-bg.png) no-repeat left top;
    line-height: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(71, 108, 115, 1);
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.article-list .article .date span, .article-details .date span
{
    display: block;
    font-size: 32px;
}
.article-list .article h2.title a, .article-details h1
{
    font-size: 36px;
    color: #2E2E2E;
}
.article-list .article .posted, .article-details .posted
{
    margin-top: -5px;
    font-size: 16px;
    color: #A9A9A9;
}
.article-list .article .entry, .article-details .richtext
{
    padding-top: 30px;
    line-height: 190%;
}
.article-list .article .meta, .article-details .meta
{
    overflow: hidden;
    height: 54px;
    margin-top: 50px;
    padding: 0px 20px;
    background: url(images/posted-meta-bg.png) no-repeat left top;
    text-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
    font-size: 13px;
    font-weight: 400;
    color: #535353;
    line-height: 54px;
}
.article-list .article .meta .listed, .article-details .meta .listed
{
    float: left;
    padding-right: 25px;
    background: url(images/posted-meta-separator.png) no-repeat right 50%;
}
.article-list .article .meta .tags, .article-details .meta .tags
{
    float: left;
    padding-left: 20px;
}
.article-list .article .meta .comments, .article-details .meta .comments
{
    float: right;
}

/* Sidebar widgets
-------------------------------------------------------*/
#sidebar .widget h2
{
    width: 305px;
    height: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 16px 0px 0px 30px;
    background: url(images/sidebar-title-bg.png) no-repeat right top;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
#sidebar .widget li
{
    background: url(images/list-separator-bg.png) repeat-x left top;
    margin: 0px 60px 0px 30px;
    padding: 10px 0px;
}
#sidebar .widget li:first-child
{
    background: none;
}
#sidebar .widget li a
{
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}

/* Pagination
-----------------------------------------------------------------*/
.pagination
{
    margin: 25px 0;
}
.pagination li:first-child
{
    margin-left: 0px;
}
.pagination li
{
    padding-bottom: 1px;
    margin-left: 5px;
    float: left;
}
.pagination li a
{
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    color: #333333;
    text-shadow: 0px 1px #F6F6F6;
    padding: 5px 10px;
    border: solid 1px #B6B6B6;
    box-shadow: 0px 1px #EFEFEF;
    -moz-box-shadow: 0px 1px #EFEFEF;
    -webkit-box-shadow: 0px 1px #EFEFEF;
    background: #E6E6E6;
    background: -moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);
    background: -webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));
}
.pagination li a:hover, .pagination li.current a
{
    text-shadow: 0px 1px #3C3C3C;
    border-color: #202020;
    color: #fff;
    box-shadow: 0px 1px #E7E7E7;
    -moz-box-shadow: 0px 1px #E7E7E7;
    -webkit-box-shadow: 0px 1px #E7E7E7;
    background: #525252;
    background: -moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
    background: -webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));
}

/* Search
------------------------------------------*/
.gsc-tabsAreaInvisible, .gsc-search-box, .gsc-adBlock, .gsc-resultsHeader, .gs-visibleUrl-short, .gs-visibleUrl-long, .gs-watermark, .gcsc-branding
{
    display: none;
}
.gsc-results a
{
    cursor: pointer;
}
.gsc-result-info
{
    margin-bottom: 10px;
}
.gs-title
{
    color: #105CB6;
}
.gs-snippet
{
    margin-bottom: 5px;
    color: #333;
}
.gsc-table-result b
{
    padding: 1px 3px;
    background-color: #FEA;
}
.gsc-cursor
{
    margin: 25px 0 25px 200px;
    overflow: hidden;
}
.gsc-cursor-page
{
    border: 1px solid #9AAFE5;
    color: #2E6AB1;
    margin: 0 3px;
    padding: 0 6px;
    text-decoration: none;
    cursor: pointer;
    float: left;
}
.gsc-cursor-current-page
{
    background-color: #2E6AB1;
    border: 1px solid navy;
    color: #fff;
    font-weight: bold;
    cursor: default;
}

/* Tag cloud
--------------------------------------------------------------------------*/
#sidebar .widget.tag-cloud ul 
{
    padding-left: 30px;
    padding-right: 40px;
}
#sidebar .widget.tag-cloud li
{
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
    color: #39F;
}
.tag-cloud .smallest a
{
    font-size: 110%;
    font-weight: 300;
}
.tag-cloud .small a
{
    font-size: 120%;
    font-weight: 500;
}
.tag-cloud .medium a
{
    font-size: 130%;
    font-weight: 600;
}
.tag-cloud .big a
{
    font-size: 150%;
    font-weight: 800;
}
.tag-cloud .biggest a
{
    font-size: 180%;
    font-weight: 900;
}

.map
{
    width: 600px;
    height: 400px;
}